

$(function(){
    var currentPage=1;
    var pageSize=5;
    render();
    function render(){
        $.ajax({
            url:'/category/queryTopCategoryPaging',
            type:'get',
            data:{
                page:currentPage,
                pageSize:pageSize
            },
            dataType:'json',
            success:function(info){
                console.log(info);
                $('#category-f tbody').html(template('tmp',info));

                // 配置分页插件
                $("#pagintor").bootstrapPaginator({
                    bootstrapMajorVersion:3,//默认是2，如果是bootstrap3版本，这个参数必填
                    currentPage:info.page,//当前页
                    totalPages:Math.ceil(info.total/info.size),//总页数
                    size:"small",//设置控件的大小，mini, small, normal,large
                    onPageClicked:function(a, b,c,page){
                      //为按钮绑定点击事件 page:当前点击的按钮值
                    //   设置当前页面为点击之后的页面
                        currentPage=page;
                    //重新渲染分页
                        render();
                    }
                  });
            }   
        })
    }

    $('.btn-add').on('click',function(){
        $('#add').modal('show');
    })

    $("#form").bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
          },
        fields:{
            categoryName:{
                validators:{
                    notEmpty:{
                        message:"请输入一级分类名称"
                    }
                }
            }
        }
    })

    $('#add-sub').on('click',function(){
        $.ajax({
            url:"/category/addTopCategory",
            type:'post',
            data:$('#form').serialize(),
            dataType:'json',
            success:function(info){
                // console.log(info)
                if(info.success){
                    $('#add').modal('hide');
                    render();
                    $("#form").data('bootstrapValidator').resetform(true);
                }
            }
        })
    })
})